﻿@model SocialGame.Web.Models.LogOnModel
@{
    ViewBag.Title = "Home Page";
}
<div class="art-postmetadataheader">
    <h2 class="art-postheader">
        @ViewBag.Message</h2>
</div>
<div class="art-postcontent art-postcontent-0 clearfix">
    <div class="art-content-layout">
        <div class="art-content-layout-row">
            <div class="art-layout-cell layout-item-0" style="width: 50%">
                <ul>
                    <li>
                        <h5>
                            Friends</h5>
                        <p>
                            Amet eu ut leo primis id nonummy justo volutpat habitant eget egestas donec iaculis
                            egestas blandit ipsum. Pellentesque senectus fusce in.&nbsp;<a href="#">More</a></p>
                    </li>
                    <li>
                        <h5>
                            Follow Us</h5>
                        <p>
                            Nisl ac consequat mi ligula enim amet hendrerit posuere nec congue ipsum vehicula
                            sit libero condimentum ac. Nam quis elementum lobortis id.&nbsp;<a href="#">More</a></p>
                    </li>
                </ul>
                <p>
                    <a href="#" class="art-button">More</a></p>
            </div>
            <div class="art-layout-cell layout-item-0" style="width: 50%">
                <div class="image-caption-wrapper" style="width: 60%; float: left">
                    <img src="Content/images/main 1.jpg" style="width: 100%; max-width: 457px" alt="an image"
                        class="art-lightbox"><p>
                            Image by Flickr/olgaberrios</p>
                </div>
                <p>
                    <span style="font-weight: bold;">Neque purus quis imperdiet fusce enim viverra faucibus
                        augue metus.</span></p>
                <p>
                    Praesent enim a cras libero praesent lacus nunc habitasse vel nisl sagittis ut a
                    integer pretium ante est. Justo justo neque libero fermentum ut id libero gravida
                    ipsum justo ut posuere. Iaculis praesent nec commodo.</p>
                <p>
                    <a href="#" class="art-button">More</a></p>
            </div>
        </div>
    </div>
    <div class="art-content-layout">
        <div class="art-content-layout-row">
            <div class="art-layout-cell layout-item-0" style="width: 100%">
                <h3 style="border-bottom: 1px solid #B5C5C9; padding-bottom: 5px">
                    Hello!</h3>
                <p>
                    Amet vestibulum aliquam purus sit urna fermentum erat. Auctor primis mi erat eget
                    amet feugiat massa in non. Augue adipiscing ac. Aliquam metus etiam vivamus sed
                    blandit nisl duis vestibulum. Ultricies orci sed. A nunc laoreet morbi volutpat
                    gravida nunc amet aliquam consequat. Libero sapien viverra enim gravida quis quam.
                    Arcu eros ultrices mattis dui pellentesque nulla. Ut luctus sagittis in tempus dolor
                    orci a ligula et. Dui vestibulum. Posuere adipiscing vestibulum neque enim. Curabitur
                    nam sed viverra laoreet id varius commodo arcu lectus libero. Aenean nisi lorem
                    dui lorem orci pretium aenean rhoncus.</p>
                <div class="clearfix">
                    <div class="image-caption-wrapper" style="width: 50%; float: left">
                        <img src="Content/images/28f34.jpg" style="width: 100%; max-width: 600px" alt="an image"
                            class="art-lightbox"><p>
                                Image by Flickr/mckaysavage</p>
                    </div>
                    <div class="image-caption-wrapper" style="width: 50%; float: left">
                        <img src="Content/images/ef0dc.jpg" style="width: 100%; max-width: 600px" alt="an image"
                            class="art-lightbox"><p>
                                Image by Flickr/Enid Yu</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="art-block clearfix">
    <div class="art-blockheader">
        <h3 class="t">
            New Block</h3>
    </div>
    <div class="art-blockcontent">
        <p>
            Enter Block content here...</p>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pharetra, tellus
            sit amet congue vulputate, nisi erat iaculis nibh, vitae feugiat sapien ante eget
            mauris.
        </p>
    </div>
</div>
@section left_content{
    <div class="art-block clearfix">
        <div class="art-blockheader">
            <h3 class="t">
                Đăng nhập</h3>
        </div>
        <div class="art-blockcontent">
            @using (Html.BeginForm())
            {
                <div>
                    <div class="editor-label">
                        Tên đăng nhập
                    </div>
                    <div class="editor-field">
                        @Html.TextBoxFor(m => m.UserName)
                        @Html.ValidationMessageFor(m => m.UserName)
                    </div>
                    <div class="editor-label">
                        Mật khẩu
                    </div>
                    <div class="editor-field">
                        @Html.PasswordFor(m => m.Password)
                        @Html.ValidationMessageFor(m => m.Password)
                    </div>
                    <div class="editor-label">
                        @Html.CheckBoxFor(m => m.RememberMe)
                        Duy trì đăng nhập
                    </div>
                    <p>
                        <input type="submit" value="Đăng nhập" class="art-button" />
                    </p>
                </div>
            }
        </div>
    </div>
}
